<%
	c.jsFiles.append('/plugins/jquery_lightbox/js/jquery.lightbox.min.js')
	c.cssFiles.append('/plugins/jquery_lightbox/css/jquery.lightbox.min.css')
%>
<div id="gallery">
	<h2>图集</h2>
	<script type="text/javascript">
		$(document).ready(function(){
			$("a.gallery_item").lightBox();
		});
	</script>
	% if c.pics.count() == 0 :
		<div style="padding-left:10px;">暂无图片。</div>
	% else :
		% for pic in c.pics :
			<a class="gallery_item" rel="lightbox[gl]" href="${pic.largePic}"><img src="${pic.smallPic}" alt="" style="border:1px solid #BBBBBB;margin:7px 5px 7px 0;padding:5px;max-width:160px;"></img></a>
		% endfor
	% endif
</div>